(function () {
  var styleNode = document.createElement("style");
  /* 当不除以16时此时1em便占据视口宽度,
  那么我们给其页面中的元素设置宽高基本都会小于1rem,浏览器的计算并不会特别精准容易出现偏差 */
  // var w = document.documentElement.clientWidth;
  /* 所以此时我们除以16,使得16rem便占据了满屏,对于页面中大多数元素的rem都会超过1rem */
  var w = document.documentElement.clientWidth / 16;//获取视口大小
  /* 设置此时根元素的fontsize，向html的style样式中添加font-size属性*/
  styleNode.innerHTML = "html{font-size:" + w + "px!important}";
  //向head标签中添加style标签，其中包含html{font-size:w;}
  document.head.appendChild(styleNode);
})()